<template>
	<view>
		<!-- 微信登陆 -->
		<view class="head">
			<view class="img">
				<!-- <image src="../../static/grzxtouxiang.png"></image> -->
				<image :src="information.avatarUrl" mode=""></image>
			</view>
			<view class="">
				{{information.nickName}}
			</view>
			<button @click="login()">微信登陆</button>
		</view>
		<!-- 列表开始 -->
		<view class="list">
			<ul>
				<li>
					<navigator url="wodeduiwu">
						<image src="../../static/grzx同步.png" mode="widthFix"></image> 我的队伍<span>></span>
					</navigator>
				</li>
				<li>
					<navigator url="huiyuanziliao">
						<image src="../../static/grzx我的资料.png" mode="widthFix"></image>我的资料<span>></span>
					</navigator>
				</li>
				<li>
					<navigator url="jinririqi">
						<image src="../../static/grzx日历.png" mode="widthFix"></image>今日日期<span>></span>
					</navigator>
				</li>
				<li>
					<navigator url="xunzhangqiang">
						<image src="../../static/grzx奖牌.png" mode="widthFix"></image>勋章墙<span>></span>
					</navigator>
				</li>
				<li>
					<navigator url="../dati/datixiangqing">
						<image src="../../static/grzx答题卡.png" mode="widthFix"></image>答题<span>></span>
					</navigator>
				</li>
				<li>
					<navigator url="../bangdan/bangdan4">
						<image src="../../static/grzx奖杯.png" mode="widthFix"></image>排行榜<span>></span>
					</navigator>
				</li>
				<li>
					<image src="../../static/grzx步数.png" mode="widthFix"></image>历史步数<span>></span>
				</li>
				<li>
					<navigator url="shouquanshezhi">
						<image src="../../static/grzx授权.png" mode="widthFix"></image>授权设置<span>></span>
					</navigator>
				</li>
				<li>
					<image src="../../static/grzx版本号.png" mode="widthFix"></image>版本号<span>202202.01 ></span>
				</li>
			</ul>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				information: {},
				code: ''
			}
		},
		methods: {
			// login(res) {
			// 	uni.getUserProfile({
			// 		desc: '获取你的微信昵称、头像',
			// 		success: (res) => {
			// 			console.log(res);
			// 			this.information = res.userInfo
			// 			uni.setStorage({
			// 				key: 'avatarUrl',
			// 				data: res.userInfo.avatarUrl
			// 			})
			// 		},
			// 	})
			// }
			// login() {
			// 	uni.getUserProfile({
			// 		desc: "获取你的昵称、头像、地区及性别",
			// 		success: (res) => {
			// 			console.log(res);
			// 			this.information = res.userInfo
			//   			uni.setStorage({
			// 				key: 'avatarUrl',
			// 				data: res.userInfo.avatarUrl
			// 			})
			// 			uni.login({
			// 				success: function(res) {
			// 					uni.request({
			// 						url: 'http://180.76.120.179:8081/xiaochengxu/index/login',
			// 						method: 'POST',
			// 						data: {
			// 							code: res.code,
			// 							information: this.information
			// 						},
			// 						success: function(e) {
			// 							console.log(1234);
			// 						},
			// 						fail: function() {
			// 							console.log("失败")
			// 						}
			// 					})


			// 				}
			// 			});
			// 		},
			// 	})

			// }
			login() {
				this.$http(this.$api.hos, {})
					.then((res) => {
						console.log(res);
					})
			}

		},
		onLoad() {
			if (this.information.avatarUrl != '') {
				uni.removeStorage({
					key: "avatarUrl"
				})
			}
		}
	}
</script>

<style>
	* {
		margin: 0;
		padding: 0;
	}

	.head {
		background-color: red;
		margin: 0 auto;
		height: 370rpx;
		width: 100%;
		padding-top: 70rpx;
	}

	.img {
		width: 200rpx;
		height: 200rpx;
		background-color: #ccc;
		text-align: center;
		margin: 0 auto;
		vertical-align: middle;
		border-radius: 50px;
		overflow: hidden;
		background-image: url(../../static/grzxtouxiang.png);
		background-size: 100%;
	}

	.img image {
		width: 200rpx;
		;
		height: 200rpx;
		border-radius: 50px;
	}

	.head button {
		margin-top: 30rpx;
		width: 40%;
		background-color: #DAF2E2;
		border: #957D49 2px solid;
		color: #85DAAF;
	}

	.list ul {
		width: 85%;
		margin: 0 auto;
		margin-top: 20rpx;
	}

	.list ul li {
		line-height: 85rpx;
		overflow: auto;
		border-bottom: #ccc 1px solid;
		text-indent: 1em;
		padding-right: 20rpx;
	}

	.list ul li image {
		width: 45rpx;
		vertical-align: middle;
		margin-right: 15rpx;
	}

	.list ul li span {
		float: right;
		color: #C9C9C9;
	}
</style>
